<template>
<!--  新增编辑产品属性规格-->
      <div class="padding15">
      <el-table
              :data="lists"
              height="580"
              stripe
              border
              ref="multipleTable"
              style="width: 100%">
              <el-table-column align="center" type="index" label="序号" width="50" />
        <el-table-column align="center" prop="organizationName" label="属性名称"/>
  
        <el-table-column  label="属性值" align="center" fixed="right">
          <template slot-scope="scope">
             <el-input v-model="ruleForm.name" placeholder="请输入内容"></el-input>
          
             <el-input
                type="textarea"
                :rows="2"
                placeholder="请输入内容"
                v-model="ruleForm.name">
              </el-input>
               

              <el-select  filterable style="width: 100%;" v-model="ruleForm.phone" placeholder="请选择">
                <el-option v-for="(item,index) in opctins" :key="index" :label="item.name" :value="item.id" />
              </el-select>
             
          </template>
        </el-table-column>
      </el-table>
    </div>
</template>
<script>
//  import {} from '@/assets/api/api'
import {AddEditmixin} from '@/assets/mixins/addEditmixin'
  export default {
    name:'AddEditProduct',
    mixins: [AddEditmixin],
    components:{
      UploadImg:()=>import('@/components/uploadImg.vue'),
      TEditor:()=>import('@/components/TEditor.vue'),
    },
    data(){
      return{
        actionUrl:'',
        fileList:[{name:'1',url:''}],
        lists:[1],
          isLoading:false,
        submitDisbled:false,
  
        ruleForm:{
          content:"1",
          name: "",
          phone: "",
  
          expireDate:new Date().getTime(),
          roleId:'',
        
        },
        disabled:false,
      
        opctins:[{name:'185******',id:'1'}],
      }
    },
    created() {
     
        
      },
    methods:{
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      },
      handleExceed(files, fileList) {
        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
      },
      beforeRemove(file, fileList) {
        return this.$confirm(`确定移除 ${ file.name }？`);
      },
      handledel(){//删除

      },
      edit(){//编辑

      },
  
     
      submitForm(formName) {
        let that = this;
        that.isLoading = true;
      
        this.$refs[formName].validate((valid) => {
          if (valid) {
        
            that.isLoading = false;
          } else {
            that.isLoading = false;
            return false;
          }
        });
      },
    }
  }
</script>
<style lang="scss" scoped>
   ::v-deep .el-upload--text{
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
   }
</style>
